import { VdoingThemeConfig } from 'vuepress-theme-vdoing/types'

/** 插入自定义html模块 (可用于插入广告模块等)
 * {
 *   homeSidebarB: htmlString, 首页侧边栏底部
 *
 *   sidebarT: htmlString, 所有左侧边栏顶部
 *   sidebarB: htmlString, 所有左侧边栏底部
 *
 *   pageT: htmlString, 页面顶部
 *   pageB: htmlString, 页面底部
 *   pageTshowMode: string, 页面顶部-显示方式：未配置默认所有页面；'article' => 仅文章页①； 'custom' => 仅自定义页①
 *   pageBshowMode: string, 页面底部-显示方式：未配置默认所有页面；'article' => 仅文章页①； 'custom' => 仅自定义页①
 *
 *   windowLB: htmlString, 全局窗口左下角②
 *   windowRB: htmlString, 全局窗口右下角②
 * }
 *
 * ①注：在.md文件front matter配置`article: false`的页面是自定义页，未配置的默认是文章页（首页除外）。
 * ②注：windowLB 和 windowRB：1.展示区块最大宽高200px*400px。2.请给自定义元素定一个不超过200px*400px的宽高。3.在屏幕宽度小于960px时无论如何都不会显示。
 */
// const htmlModule: VdoingThemeConfig['htmlModules'] = {
// homeSidebarB:
//   `<div style="padding: 0.95rem">
//   <p style="
//     color: var(--textColor);
//     opacity: 0.9;
//     font-size: 20px;
//     font-weight: bold;
//     margin: 0 0 8px 0;
//   ">公众号</p>
//   <img src="https://open.weixin.qq.com/qr/code?username=gh_0cf4b813918c"  style="width:100%;" />
//   关注公众号，回复[<b>前端资源</b>]，可获取 <a href="https://game.xugaoyi.com" arget="_blank" >前端学习资源<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg> <span class="sr-only">(opens new window)</span></span></a>
//   </p>
//   </div>`,
// `<!-- 纵向自适应 -->
// <ins class="adsbygoogle"
//     style="display:block;padding: 0.95rem;"
//     data-ad-client="ca-pub-7828333725993554"
//     data-ad-slot="7802654582"
//     data-ad-format="auto"
//     data-full-width-responsive="true"></ins>
// <script>
//     (adsbygoogle = window.adsbygoogle || []).push({});
// </script>`,
// sidebarT:
//   `<!--  固定100% * 150px可显示，max-height:150px 未见显示-->
//   <ins class="adsbygoogle"
//         style="display:inline-block;width:100%;max-height:150px"
//         data-ad-client="ca-pub-7828333725993554"
//         data-ad-slot="6625304284"></ins>
//     <script>
//         (adsbygoogle = window.adsbygoogle || []).push({});
//     </script>`,
// sidebarB:
//   `<!-- 正方形 -->
//     <ins class="adsbygoogle"
//         style="display:block"
//         data-ad-client="ca-pub-7828333725993554"
//         data-ad-slot="3508773082"
//         data-ad-format="auto"
//         data-full-width-responsive="true"></ins>
//     <script>
//         (adsbygoogle = window.adsbygoogle || []).push({});
//     </script>`,
// pageT:
//   `<!-- 固定100% * 90px可显示，max-height:90px未见显示-->
//    <ins class="adsbygoogle"
//         style="display:inline-block;width:100%;max-height:90px"
//         data-ad-client="ca-pub-7828333725993554"
//         data-ad-slot="6625304284"></ins>
//     <script>
//         (adsbygoogle = window.adsbygoogle || []).push({});
//     </script>`,
// pageTshowMode: 'article',
// pageB:
//   `<!-- 横向自适应 -->
//     <ins class="adsbygoogle"
//         style="display:block"
//         data-ad-client="ca-pub-7828333725993554"
//         data-ad-slot="6620245489"
//         data-ad-format="auto"
//         data-full-width-responsive="true"></ins>
//     <script>
//         (adsbygoogle = window.adsbygoogle || []).push({});
//     </script>`,
// pageBshowMode: 'article',
// windowLB: // 会遮挡部分侧边栏
//   `<!-- 固定200*200px -->
//     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
//     <ins class="adsbygoogle"
//         style="display:inline-block;width:200px;height:200px"
//         data-ad-client="ca-pub-7828333725993554"
//         data-ad-slot="6625304284"></ins>
//     <script>
//         (adsbygoogle = window.adsbygoogle || []).push({});
//     </script>`,
// windowRB:
//   `<!-- 固定160*160px -->
//     <ins class="adsbygoogle"
//         style="display:inline-block;max-width:160px;max-height:160px"
//         data-ad-client="ca-pub-7828333725993554"
//         data-ad-slot="8377369658"></ins>
//     <script>
//         (adsbygoogle = window.adsbygoogle || []).push({});
//     </script>
//     `,
// }


const htmlModule = {
  // homeSidebarB: `<div style="width:100%;height:100px;color:#fff;background: #eee;">自定义模块测试homeSidebarB</div>`,
  // sidebarT: `<div style="width:100%;height:100px;color:#fff;background: #eee;">自定义模块测试sidebarT</div>`,
  // sidebarB: `<div style="width:100%;height:100px;color:#fff;background: #eee;">自定义模块测试sidebarB</div>`,
  // pageT: `<div style="width:100%;height:100px;color:#fff;background: #eee;">自定义模块测试pageT</div>`,
  // pageB: `<div style="width:100%;height:100px;color:#fff;background: #eee;">自定义模块测试pageB</div>`,
  // windowLB: `<div style="width:100%;height:100px;color:#fff;background: #eee;">自定义模块测试windowLB</div>`,
  // windowRB: `<div style="width:100%;height:100px;color:#fff;background: #eee;">自定义模块测试windowRB</div>`,
}


export default htmlModule
